function refresh() {

    var team_one = document.getElementsByClassName("score")[0]
    team_one.getElementsByTagName("p")[0].innerHTML = "ShangHai"

    var team_two = document.getElementsByClassName("score")[1]
    team_two.getElementsByTagName("p")[0].innerHTML = "SuZhou"

    team_one_score = Math.floor(Math.random() * 6);
    team_one.getElementsByTagName("img")[0].setAttribute("src", "images/" + team_one_score + ".png")

    team_two_score = Math.floor(Math.random() * 6);
    team_two.getElementsByTagName("img")[0].setAttribute("src", "images/" + team_two_score + ".png")

    var desc = document.getElementsByTagName("h1")[0];
    if (team_one_score > team_two_score) {
        desc.innerHTML = "ShangHai wins, XXXX will be happy!"
        desc.style.color = "#FE2E2E"
    } else if (team_one_score === team_two_score) {
        desc.innerHTML = "Draw! No winner this time.";
        desc.style.color = "#2E2EFE"
    } else {
        desc.innerHTML = "SuZhou wins, XXXX will be sad!"
        desc.style.color = "#585858"
    }

}